<template>
   <div>
    <h3>Music</h3>
    <ul>
      <li v-for="item in list" :key="item">{{item}}</li>
    </ul>
  </div>
</template>

<script>

export default {
name:"Music",
mounted(){
   //动态路由的params传值的动态参数,在$route.params对象上
    // console.log(this.$route.params);
},
props:["id","time"],
computed:{
  list (){
      // console.log(this.id);
      switch(this.id){
        case "1":
          return ["华语1", "华语2", "华语3"];
        case "2":
          return ["粤语1", "粤语2", "粤语3"];
        case "3":
          return ["英语1", "英语2", "英语3"];
          default:
            return [];
      }
    
  }

}
}
</script>

<style>

</style>